<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="boostrap/css/bootstrap.css" media="all" />
<link rel="stylesheet" href="boostrap/css/bootstrap-responsive.css" media="all" />
<link rel="stylesheet" href="boostrap/css/estilogeneral.css" media="all" />

<script type="text/javascript" src="boostrap/js/jquery.js"></script>
<script src="boostrap/js/bootstrap.js"></script>

<script type="text/javascript" >
    $(document).ready(function() {
        $('.dropdown-toggle').dropdown();
    });

</script>


</head>
    <body>
        <div class="container" id="general">
            <div id="encabezado" class="row">

                <div class="span4" id="logo"><h3>LOGO DE MI EMPRESA</h3></div>

                <div id="menu" class="span8">
                    <ul class="nav nav-pills">
                        <li class="active" style="width:150px"><a href="#">Inicio</a></li>
                        <li class="dropdown" id="menu1">
                            <a style="background:#CEECF5" class="dropdown-toggle" data-toggle="#fat" href="#menu1">
                                Nosotros
                                <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu">
                                <li> <a href="clienteTarjetaEstado/clienteTarjetaEstadoIngresar.jsp">Ingresar</a></li>
                                <li> <a href="clienteTarjetaEstado/clienteTarjetaEstadoMostrarTodos.jsp">Mostrar</a></li>
                                <li> <a href="clienteTarjetaEstado/clienteTarjetaEstadoMostrarVista.jsp">Mostrar Valor</a></li>
                                <li> <a href="clienteTarjetaEstado/clienteTarjetaEstadoEliminarVista.jsp">Eliminar</a></li>
                                <li> <a href="clienteTarjetaEstado/clienteTarjetaEstadoModificarVista.jsp">Modificar</a></li>
                                <li class="divider"></li>

                                <li><a href="#">CRUD</a></li>

                            </ul>

                        </li>
                        <li class=""><a style="background:#CEECF5" href="#">Portafolio</a></li>
                        <li class="" ><a href="#" style="background:#CEECF5">Contacto</a></li>

                    </ul>

                </div>
            </div>
            <div id="cuerpo" class="row">

                <div id="izquierda" class="span4">
                    <h3>Izquierda</h3>
                   
                    
                    <ul class="nav nav-list"><br/>
                        <li class="nav-header">
                            Menu vertical
                        </li>
                        <li class="active">
                            <a href="#">Inicio</a>
                        </li>

                        <li><a href="#">ClienteTarjetaEstado</a></li>
                        <li>
                        <li> <a href="clienteTarjetaEstado/clienteTarjetaEstado.html"><li class="icon-book"></li>Ingresar</a></li>
                        <li> <a href="#"><li class="icon-book"></li>Mostrar</a></li>
                        <li> <a href="#"><li class="icon-book"></li>Mostrar Valor</a></li>
                        <li> <a href="#"><li class="icon-book"></li>Eliminar</a></li>
                        <li> <a href="#"><li class="icon-book"></li>Modificar</a></li>

                        <li><a href="#">Portafolio</a></li>
                        <li><a href="#">Contacto</a></li>
                    </ul>
                </div>
                <div id="derecha" class="span7">
                    <h3>Contenido</h3>
                    <br/>
                    <h1>Bienvenidos a nuestra pagina!</h1>
                    <p>
                        Esta Pagina ha sido maquetada con twitter bootstrap
                    </p>
                    <p><a class="btn btn-primary btn-large">Mas información</a></p>
                </div>

            </div>
            <div id="" class="row">

                <div id="footer" class="span12">
                    <span>Todos los derechos reservados</span><br/><b>Sitio maquetado con Twitter Bootstrap</b>
                </div>
            </div>
        </div>
    </body>
</html>
